---
title: Markdown to Svelte
---
<script>
 import T from "$lib/components/transtions.svelte"
   import Boinger from '$lib/components/boinger.svelte';
   import Section from '$lib/components/section.md';
  let t = 'Svelte+mdsvex'
  let title ="md组件"
  let color="#f40"
</script>




# {t}

## 今天很好

<T/>

<div w-auto h10 bg-yellow flex items-center justify-center>Unocss in Markdown demo </div>

# {title}

## Good stuff in your markdown

Markdown is pretty good but sometimes you just need more.

Sometimes you need a boinger like this:

<Boinger color="{color}"/>

Not many people have a boinger right in their markdown.

## Markdown in your markdown

Sometimes what you wrote last week is so good that you just _have_ to include it again.

I'm not gonna stand in the way of your egomania.

> <Section />
